<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<link rel="stylesheet" href="../common.css">
<style>
  .box {
    border: 1px solid red;
  }

  svg {
    /* width: 600px; */
  }

  /* svg {
    transform: scale(1.5);
  } */
</style>

<body>
  <!-- preserveAspectRatio="xMidYMid slice" 
    preserveAspectRatio="xMinYMin meet"-->
  <div class="box">
    <svg width="362px" height="95px" viewBox="0 0 362 95" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none">
      <title>底框</title>
      <defs>
        <linearGradient x1="-0.488230234%" y1="50.0024319%" x2="100%" y2="50%" id="linearGradient-1">
          <stop stop-color="#979797" stop-opacity="0.300092364" offset="0%"></stop>
          <stop stop-color="#A5BBC8" offset="49.8635886%"></stop>
          <stop stop-color="#979797" stop-opacity="0.302021587" offset="100%"></stop>
        </linearGradient>
        <path d="M12,0 L60.0539637,0 C63.9068375,2.84495225e-15 67.6686687,1.17134599 70.8404633,3.35866292 L74.150534,5.64133708 C77.3223286,7.82865401 81.0841598,9 84.9370336,9 L268.121511,9 C271.96587,9 275.719796,7.83382087 278.887446,5.65549935 L282.248031,3.34450065 C285.415681,1.16617913 289.169607,1.53317646e-14 293.013965,0 L342,0 C348.627417,-1.21743675e-15 354,5.372583 354,12 L354,75 C354,81.627417 348.627417,87 342,87 L12,87 C5.372583,87 8.11624501e-16,81.627417 0,75 L0,12 C-8.11624501e-16,5.372583 5.372583,1.21743675e-15 12,0 Z" id="path-2"></path>
        <filter x="-1.1%" y="-6.9%" width="104.5%" height="118.4%" filterUnits="objectBoundingBox" id="filter-3">
          <feOffset dx="4" dy="2" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
          <feGaussianBlur stdDeviation="2" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
          <feComposite in="shadowBlurOuter1" in2="SourceAlpha" operator="out" result="shadowBlurOuter1"></feComposite>
          <feColorMatrix values="0 0 0 0 0   0 0 0 0 0   0 0 0 0 0  0 0 0 0.2 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
        </filter>
      </defs>
      <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
        <g id="应急指挥系统-1首页-1-1联动决策----健康监测未处理弹窗" transform="translate(-36.000000, -112.000000)">
          <g id="底框" transform="translate(36.000000, 114.000000)">
            <g id="矩形">
              <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
              <path stroke="url(#linearGradient-1)" stroke-width="2" d="M60.0539637,1 C63.7040546,1 67.2678948,2.1096962 70.2727528,4.18189119 L70.2727528,4.18189119 L73.5828235,6.46456534 C76.9215546,8.76700422 80.881377,10 84.9370336,10 L84.9370336,10 L268.121511,10 C272.168204,10 276.119705,8.77244302 279.454074,6.479473 L279.454074,6.479473 L282.814659,4.1684743 C285.81559,2.10480128 289.371941,1 293.013965,1 L293.013965,1 L342,1 C345.037566,1 347.787566,2.23121694 349.778175,4.22182541 C351.768783,6.21243388 353,8.96243388 353,12 L353,12 L353,75 C353,78.0375661 351.768783,80.7875661 349.778175,82.7781746 C347.787566,84.7687831 345.037566,86 342,86 L342,86 L12,86 C8.96243388,86 6.21243388,84.7687831 4.22182541,82.7781746 C2.23121694,80.7875661 1,78.0375661 1,75 L1,75 L1,12 C1,8.96243388 2.23121694,6.21243388 4.22182541,4.22182541 C6.21243388,2.23121694 8.96243388,1 12,1 L12,1 L60.0539637,1 Z" stroke-linejoin="square" fill-opacity="0.160530144" fill="#14617D" fill-rule="evenodd"></path>
            </g>
            <circle id="椭圆形" fill="#3ECDC7" cx="15" cy="11" r="3"></circle>
            <circle id="椭圆形" fill="#3ECDC7" cx="339" cy="11" r="3"></circle>
            <path d="M86.1194975,0 L266.880502,0 C267.365957,-2.2293637e-14 267.759496,0.393538593 267.759496,0.878993049 C267.759496,1.11185445 267.667095,1.33520052 267.502579,1.5 C266.543885,2.46034486 265.242626,3 263.88566,3 L89.1143397,3 C87.757374,3 86.4561148,2.46034486 85.4974211,1.5 C85.1544484,1.15643665 85.1549272,0.599889237 85.4984906,0.256916569 C85.6632901,0.0924004254 85.8866361,-1.06744708e-15 86.1194975,0 Z" id="路径-48" fill-opacity="0.79595307" fill="#45D6CD"></path>
            <path d="M331,69.5 L331,85.5 C331,86.3284271 331.671573,87 332.5,87 C333.328427,87 334,86.3284271 334,85.5 L334,69.5 C334,68.6715729 333.328427,68 332.5,68 C331.671573,68 331,68.6715729 331,69.5 Z" id="路径-45备份-3" fill-opacity="0.395460862" fill="#3ECDC7" transform="translate(332.500000, 77.500000) scale(-1, -1) rotate(90.000000) translate(-332.500000, -77.500000) "></path>
            <path d="M20,69.5 L20,85.5 C20,86.3284271 20.6715729,87 21.5,87 C22.3284271,87 23,86.3284271 23,85.5 L23,69.5 C23,68.6715729 22.3284271,68 21.5,68 C20.6715729,68 20,68.6715729 20,69.5 Z" id="路径-45备份-4" fill-opacity="0.395460862" fill="#3ECDC7" transform="translate(21.500000, 77.500000) scale(-1, -1) rotate(90.000000) translate(-21.500000, -77.500000) "></path>
          </g>
        </g>
      </g>
    </svg>
  </div>

</body>
<script>
  const arr = [1, 3, 4, 5];
  let i = 3;
  arr.map((item, index) => {
    if (item == i) {
      arr.splice(index, 1)
      arr.unshift(i)
    }
  })

  console.log(arr)
</script>

</html>